<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 23649
  Date: 2021/5/11
  Time: 14:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style type="text/css">
        #head {
            width: 1100px;
            height: 350px;
            margin: auto;
            font-family: "方正大黑简体";
            color: #FFFFFF;
        }

        #tit > h3 {
            text-align: center;
        }

        #head span {
            margin-top: 50px;
            margin-left: 380px;
        }

        .doctorInfo {
            background: #35a3aa;
            color: white;
            border: 0.5px black solid;
            width: 169.6px;
            height: 83px;
        }

        .doctorInfo span:last-child {
            color: red;
            font-size: 5px;
        }

        .week {
            display: inline-block;
            background: white;
            color: black;
            font-family: "方正大黑简体";
            border: 0.5px black solid;
            width: 169.6px;
            height: 83px;
        }

        .week span {
            margin-left: 60PX;
            line-height: 80PX;
        }

        .doctorInfo {
            display: inline-block;
            margin-left: 4px;
        }

        #body {
            margin-left: 125px;
        }
    </style>
</head>
<body>

<div id="head" style="background-image: url('${pageContext.request.contextPath}/../static/img/guahao.png')">
    <div id="tit">
        <h3>患者服务</h3>
    </div>
    <div><span>用最真诚的服务态度，专业的药疗技术，为您服务</span></div>
</div>
<div id="body">
    <div class="week"><span>星期一</span></div>
    <div class="week"><span>星期二</span></div>
    <div class="week"><span>星期三</span></div>
    <div class="week"><span>星期四</span></div>
    <div class="week"><span>星期五</span></div>
    <div class="week"><span>星期六</span></div>
    <div class="week"><span>星期天</span></div>
    <table>
        <c:forEach items="${list}" var="list">
            <div></div>
            <div class="doctorInfo">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>${list.type}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.doctorname}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.postion}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
            </div>
            <div class="doctorInfo">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.name}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.postion}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
            </div>
            <div class="doctorInfo">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.name}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.postion}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
            </div>
            <div class="doctorInfo">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.name}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.postion}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
            </div>
            <div class="doctorInfo">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.type}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.name}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.postion}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
            </div>
            <div class="doctorInfo">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.name}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.postion}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
            </div>
            <div class="doctorInfo">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span> ${list.type}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.name}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>${list.postion}</span>
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>可预约</span>
            </div>
        </c:forEach>
    </table>
</div>
<img src="${pageContext.request.contextPath}/../static/img/dibu.jpg" style="width: 1425px; ">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery/jquery-1.12.4.js"></script>
<script type="text/javascript">
    <%--$(document).ready(function (){--%>
    <%--    $(".doctorInfo").click(function (){--%>
    <%--       var a=  $(this).children("span:eq(1)").text();--%>
    <%--        window.location.href="${pageContext.request.contextPath}/UserName?doctorname="+a;--%>
    <%--    })--%>
    <%--})--%>
</script>
</body>
</html>
